<template>
  <div>
    <h1>第一个子组件</h1>
  </div>
</template>

<script>
export default {
  beforeCreate() {
    console.log("childOne beforeCreate");
  },
  created() {
    console.log("childOne created");
  },
  beforeMount() {
    console.log("childOne beforeMount");
  },
  mounted() {
    console.log("childOne mounted");
  },
  beforeDestroy() {
    console.log("childOne beforeDestroy");
  },

  destroyed() {
    console.log("childOne destroyed");
  },
};
</script>

<style lang="less" scoped>
</style>